<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core"
                template="../../../layouts/100.xhtml">

    <ui:define name="heading">
        <h:outputText value="Neue Mannschaft"/>
    </ui:define>

    <ui:define name="caption">
        <p>-*-</p>
    </ui:define>
    <ui:define name="main">
        <div id="main">

            <div class="page_margins">
                <div class="page">
                    <div class="inset">
                        <h:form id="form1">

                            <p:messages/>

                            <p:fieldset legend="Spieleinstellungen ">
                                <h:panelGrid columns="3">
                                    <h:panelGrid columns="2">

                                        <h:outputLabel value="Starttag "/>
                                        <p:calendar id="starttag" value="#{spieleinstellungen.starttag}" disabled="#{!empty spielZeilenSa}"/>

                                        <h:outputLabel value="Spiellaenge "/>
                                        <p:inputMask value="#{spieleinstellungen.spiellaenge}" disabled="#{!empty spielZeilenSa}"/>

                                        <h:outputLabel value="Pause "/>
                                        <p:inputMask value="#{spieleinstellungen.pause}" mask="9" disabled="#{!empty spielZeilenSa}"/>

                                        <p:commandButton id="submit" value="Speichern" action="save" rendered="#{empty spielZeilenSa}"/>


                                    </h:panelGrid>


                                    Anzahl Spiele:  #{spielInformationExpert.anzahlSpiele} <br/>
                                    Anzahl Spielplätze:  #{spielInformationExpert.vorhandeneSpielplaetze}<br/>
                                    <br/>
                                    Anzahl Finalspiele:  #{spielInformationExpert.anzahlFinale}<br/>
                                    Anzahl Finalspielplätze:  #{spielInformationExpert.vorhandeneFinalplaetze}<br/>
                                    <br/>
                                    <br/>

                                    <p:inputTextarea name="text" id="text" rows="20" cols="20" value="#{spieleinstellungen.spielVertauschungen}" autoResize="false"/>

                                    <br/>

                                    <p:commandButton widgetVar="submit2" id="man" value="Change" action="man" ajax="false" execute="@form" update="@form"/>



                                </h:panelGrid>

                            </p:fieldset>

                            <br/>


                            <ui:fragment rendered="#{!empty spielZeilenSa}">
                                <h:form>


                                    <p:fieldset legend="Spielzeiten definieren ">

                                        <h:panelGrid columns="3" style="vertical-align:middle">


                                            <p:column>


                                                <p:dataTable var="zeile" value="#{spielZeilenSa}">

                                                    <p:column headerText="Samstag">
                                                        <p:commandButton action="toggleP" icon="ui-icon-cancel"
                                                                         rendered="#{zeile.pause}" disabled="#{!spielstatusWebBean.spieltagezuordnungsphase}">
                                                            <f:param name="id" value="#{zeile.id}"/>

                                                        </p:commandButton>
                                                        <p:commandButton action="toggleP" icon="ui-icon-check"
                                                                         rendered="#{!zeile.pause}" disabled="#{!spielstatusWebBean.spieltagezuordnungsphase}">
                                                            <f:param name="id" value="#{zeile.id}"/>

                                                        </p:commandButton>
                                                    </p:column>

                                                    <p:column headerText="Start">
                                                        <h:outputText value="#{zeile.start}">
                                                            <f:convertDateTime type="date" pattern="HH:mm" timeZone="Europe/Zurich"/>
                                                        </h:outputText>


                                                        <h:outputLink id="fade" value="#"
                                                                      rendered="#{zeile.konflikt}">
                                                            <h:outputText value=" [X]"/>
                                                        </h:outputLink>
                                                        <p:tooltip for="fade" value="#{zeile.konfliktText}"
                                                                   showEffect="fade" hideEffect="fade"/>


                                                    </p:column>


                                                    <p:column headerText="A">
                                                        <h:outputText value="#{zeile.a}"/>

                                                    </p:column>

                                                    <p:column headerText="B">
                                                        <h:outputText value="#{zeile.b}"/>

                                                    </p:column>

                                                    <p:column headerText="C">

                                                        <h:outputText value="#{zeile.c}"/>

                                                    </p:column>
                                                </p:dataTable>

                                            </p:column>
                                            <br/>
                                            <p:column>

                                                <p:dataTable var="zeile" value="#{spielZeilenSo}">
                                                    <br/>
                                                    <p:column headerText="Sonntag">
                                                        <p:commandButton action="toggleP" icon="ui-icon-cancel"
                                                                         rendered="#{zeile.pause}" disabled="#{!spielstatusWebBean.spieltagezuordnungsphase}">
                                                            <f:param name="id" value="#{zeile.id}"/>

                                                        </p:commandButton>
                                                        <p:commandButton action="toggleP" icon="ui-icon-check"
                                                                         rendered="#{!zeile.pause}" disabled="#{!spielstatusWebBean.spieltagezuordnungsphase}">
                                                            <f:param name="id" value="#{zeile.id}"/>

                                                        </p:commandButton>
                                                    </p:column>

                                                    <p:column headerText="Start">
                                                        <h:outputText value="#{zeile.start}">
                                                            <f:convertDateTime type="date" pattern="HH:mm" timeZone="Europe/Zurich"/>
                                                        </h:outputText>


                                                        <h:outputLink id="fade" value="#"
                                                                      rendered="#{zeile.konflikt}">
                                                            <h:outputText value=" [X]"/>
                                                        </h:outputLink>
                                                        <p:tooltip for="fade" value="#{zeile.konfliktText}"
                                                                   showEffect="fade" hideEffect="fade"/>


                                                    </p:column>

                                                    <p:column headerText="A">
                                                        <h:outputText value="#{zeile.a}"/>

                                                    </p:column>

                                                    <p:column headerText="B">
                                                        <h:outputText value="#{zeile.b}"/>

                                                    </p:column>

                                                    <p:column headerText="C">

                                                        <h:outputText value="#{zeile.c}"/>

                                                    </p:column>
                                                </p:dataTable>

                                            </p:column>


                                        </h:panelGrid>
                                    </p:fieldset>
                                </h:form>


                            </ui:fragment>


                        </h:form>
                    </div>
                    <br/>
                </div>
            </div>
        </div>
    </ui:define>
</ui:composition>
